<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>User Center</title>
		<script type="text/javascript" src="../js/jquery1.7.2.js"></script>
		<link href="../css/usercenter.css" type="text/css" rel="stylesheet"/>
		 <script type="text/javascript">
		 $(document).ready(function(){
		 	$("#header").load("common/uc_header.html");
		 	$("#footer").load("common/uc_footer.html");
		 });
		
		 </script>
	</head>

	<body>
		<div id="header">
			
		</div>
			
		<div class="container">
			
			<div class="content pi">
				<h4>Personal information</h4>
				<div class="listbody">
				<div class="userhead">
					<img src="photos/alligator-icon.png" >
					<p><a href="uc_changephoto.html">Change the photo</a></p>
				</div>		
						<form>
						<p><span class="pititle">Name:</span><input type="text" value="Diver"></p>
						<p><span class="pititle">Telphone:</span><input type="text" value="12345678"></p>
						<p><span class="pititle">Age:</span>
							<select name="age">
								<option value="22">22</option>
								<option value="23">23</option>
								<option value="24">24</option>
								<option value="25">25</option>
							</select>
						</p>
						<p>
						<span class="pititle">tags:</span>
							<span class="tag_container">
							<input type="checkbox" value="With photo" id="DetailPi"><label for="DetailPi">	Detailed personal info</label>
							<input type="checkbox" checked="checked" id="sameBirthday" value="With photo">	<label for="sameBirthday">birthday</label> 
							<input type="checkbox" value="With photo" id="linkParty"> <label for="linkParty">Like party </label>
							<input type="checkbox" checked="checked" value="With photo" id="likeDrinking"><label for="likeDrinking">Like drinking</label>
							<input type="checkbox" value="With photo" id="hateStudying"><label for="hateStudying">	Hate studying</label>
							<input type="checkbox"  checked="checked" id="loverock" value="With photo">	<label for="loverock">Love rock</label>
							<input type="checkbox" checked="checked" value="With photo" id="petkeeper"><label for="petkeeper">Pet-keeper</label>
					        </span>
						</p>
						<p><span class="pititle">Hometown:</span><input type="text" value="Newyork"></p>
						<p><span class="pititle">Leisure interests:</span><input type="text" value="music"></p>
						<p><span class="pititle">Class status:</span><input type="text" value="jonior"></p>
						<p><span class="pititle">Career goals:</span><input type="text" value="IT"></p>		
						<input type="button" value="submit">
					</form>
					
			<div class="clearfloat"></div>
			<div class="pagebar"></div>
		</div><!--list-->
				
				
			</div>
		
			<div class="clearfloat"></div>

	</div>



		<div id="footer">
			
		</div>
	</body>
</html>
